<template>
  <div class="container page">

<!--    <p style="height:200rpx"></p>-->

<div style="width:100%;text-align:center">
    <img :src="imgs[0].url" style="width:100%" mode="widthFix">
</div>
    <p style="height:400rpx"></p>

<!--    <button open-type="getUserInfo" lang="zh_CN" class='btn' @getuserinfo="login">微信授权</button>-->
<!--    <p style="height:70rpx"></p>-->


    <button class='btn' @tap="login"> 获取头像昵称 </button>
    <p style="height:70rpx"></p>


<!-- <div style="width:100%;text-align:left">
      <img src="https://www.hatchdo.com/wxmini/logo/bottom2.png" style="width:80%" mode="widthFix">
</div> -->


    <!-- <button class='btn' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button> -->

  </div>
</template>
<script>
// import qcloud from 'wafer2-client-sdk'

import {showSuccess, showModal} from '@/util'
import {get, post} from '@/util'
// import {get2, post2} from '@/server/api'
import config from '@/config'
export default {
  components: {
    // YearProgress
  },
  data () {
    return {
      imgs: [
        {'url':`${config.imghost}logo/logo2.png`}
      ],
      scene:'',
      sharepath: '',
      openid_create: '',
      playerRank: [],
      userinfo: {
        avatarUrl: 'http://116.62.67.174:10009/stock/httpServiceImpl/image/2017-01-01/df_avatar.png',
        nickName: ''
      },
      hasUserInfo: false,
      canIUseGetUserProfile: false,
    }
  },
  onShareAppMessage() {
    return {
      title: `华人耀酱香型白酒，传承古法工艺，与国酒茅台同宗同源同品。`,
      // imageUrl: 'https://www.rrjiaoyi.com/static/rr-min/share/share.png',
      path: `/pages/hcdindex/main?shareuser=${wx.getStorageSync('user').id}`
    }
  },
  onLoad() {
    if (wx.getUserProfile) {
      this.canIUseGetUserProfile = true
    }
  },
  created() {

  },
  // onLoad (query) {
  //   const scene = decodeURIComponent(query.scene)
  //   console.log(scene)
  // },
  mounted () {

        // console.log(this.$root.$mp.query.scene)
        // return


    // if (decodeURIComponent(this.$root.$mp.query.scene).split("shareid=")[1]) {
    // console.log('11111111')

    //   wx.setStorageSync('scene', decodeURIComponent(this.$root.$mp.query.scene))
    // }
    // console.log('scene',wx.getStorageSync('scene').split("shareid=")[1])

        wx.login({

        success (res) {
        // console.log(config.hosta)
        // console.log(res.code)

        if (res.code) {

            // 免登录
            wx.request({
              url: `${config.hosta}geweb/wxmini/login`,
              data: {
                code: res.code
              },

              success: function (res) {
              // console.log(res.data.res)
              // console.log(wx.getStorageSync('session_key'))
              // console.log(JSON.parse(res.data.res).openid)
              // console.log(JSON.parse(wx.getStorageSync('session_key')).openid)
              if(!wx.getStorageSync('session_key')) {
                return
              }
              // if (res.data.res === wx.getStorageSync('session_key')) {
              if (JSON.parse(res.data.res).openid === JSON.parse(wx.getStorageSync('session_key')).openid) {
                wx.navigateTo({
                  url: '/pages/login/main'
                })
              }

              }
            })

          } else {
            console.log('mianfei 登录失败！' + res.errMsg)
          }

        }
      })
  },
  methods: {
    // 进群
    async createGroup(openid_create, openid_invited) {
      return await post2('create_group', {'openid_create': openid_create, 'openid_invited': openid_invited})
    },
    async player() {
      // return await post('minipro/List', {}, {'api':'all', 'page':1})
    },
    async demo() {
    // return await get2('demo', {})
    },
    async joke() {
      // return await get2('api/jokes', {})
    },
    jumpClick () {
      console.log('111111111111')
      wx.switchTab({
        url: '/pages/games/main'
        // url: '/pages/web-view/main?path=' + 'https://wj.qq.com/s/2491547/f457/'
        // url: '/pages/detail/main'
      })
      console.log('22222222222')
    },
    loginSuccess (res) {
      showSuccess('登录成功')
      wx.setStorageSync('userinfo', res)
      this.userinfo = res
    },
    // 登录
    login () {
      // console.log('log')
      // wx.showToast({
      //   title: '登录中',
      //   icon: 'loading'
      // })
      // 显示加载图标

      // wx.showLoading({
      //   title: '登录中'
      // })

      // 20210508
      wx.getUserProfile({
        desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
        success: (res) => {
              // console.log(res.userInfo)
              wx.setStorageSync('userinfo', res)
        }
      })
      wx.login({
        success (res) {
        // console.log(config.hosta)

        if (res.code) {

            // 登录
            wx.request({
              url: `${config.hosta}geweb/wxmini/login`,
              data: {
                code: res.code
              },

              success: function (res) {
              console.log(res.data.res)
              wx.setStorageSync('session_key', res.data.res)

              // 获取信息
              // wx.getUserInfo({
              //   success: function(res) {
              //     // console.log(res.userInfo)
              //     wx.setStorageSync('userinfo', res)
              //   }
              // })

              wx.navigateTo({
                url: '/pages/login/main'
              })

              }
            })

          } else {

            console.log('登录失败！' + res.errMsg)
          }

        }
      })


      // qcloud.setLoginUrl(config.loginUrl)

      // qcloud.login({
      //   success: res => {

      //     console.log('登录成功', res)
      //     this.loginSuccess(res)
      //     wx.hideLoading();

      //     console.log('cg')
      //   },
      //   fail: err => {
      //     console.error(err)
      //     wx.hideLoading();
      //   }
      // })

      // if (session) {

      //   // qcloud.loginWithCode({
      //   //   success: res => {
      //   //     console.log('没过期的登录', res)

      //   //2019.1.8
      //       this.loginSuccess(session.userinfo)
      //       console.log('zzzzzzzz')

      //       // wx.switchTab({
      //       //   url: '/pages/home/main'
      //       // })
      //       console.log('yyyyyyyyyyy')

      //   //   },
      //   //   fail: err => {
      //   //     console.error(err)
      //   //   }
      //   // })
      // } else {
      //   qcloud.login({
      //     success: res => {
      //       console.log('登录成功', res)
      //       this.loginSuccess(res)
      //       // wx.switchTab({
      //       //   url: '/pages/home/main'
      //       // })
      //       console.log('xxxxxxxxxx')
      //     },
      //     fail: err => {
      //       console.error(err)
      //     }
      //   })
      // }


    }

  },
  // onLoad (option) {
  // console.log('option',option)
  // },
  onShow () {
    // console.log('1',this.$root.$mp.query.scene)
    // console.log('query',this.$root.$mp.query)
    // console.log('2',decodeURIComponent(this.$root.$mp.query.scene))

    // if (decodeURIComponent(this.$root.$mp.query.scene).split("shareid=")[1]) {
    //   wx.setStorageSync('scene', decodeURIComponent(this.$root.$mp.query.scene))
    // }
    // console.log('scene',wx.getStorageSync('scene').split("shareid=")[1])

    // console.log(this.scene)
    // console.log(123)
    // let userinfo = wx.getStorageSync('userinfo')
    // console.log([userinfo])
    // if (userinfo) {
    //   this.userinfo = userinfo
    // }
    // console.log(this.userinfo)
  }
}
</script>

<style lang='scss'>
.container{
  font-size: 30rpx;
  // color: white;
  // background-color: #070d1b;
  // width: 100%;
  // line-height: 100%;
  // opacity: 0.7;
}
page {
  background-color: #ffffff;
  // background-color: #070d1b;
  // background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;
  // background-image: url("https://www.rrjiaoyi.com/static/rr-min/common/bg@3x.png");
  width: 100%;
  height: 100%;
}
.userinfo{
  // padding-top:100rpx;
  text-align:center;
  // margin-bottom: 100rpx;
  font-size: 20rpx;
  img{
    width: 150rpx;
    height:150rpx;
    margin: 10rpx;
    border-radius: 50%;
  }
}
.btn {
//  background-color: #ddd;
//  color: #000;
  height:60rpx;
  line-height:60rpx;
  background-color: #000;
  color: #fff;
  width: 250rpx;
//  hover: black;
}
.button {
  hover-class: none;
}
.logo {
  text-align: center;
  margin-bottom: 50rpx;
  img {
    width: 30%;
  }
}
</style>
